<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
 <link rel="stylesheet" href="../estilos_2010.css" type="text/css" media="screen" />
 <title>Muestras Pl&aacute;sticas - Extensi&oacute;n Universitaria | Facultad de Derecho - Universidad de Buenos Aires</title>
<link rel="stylesheet" href="../recursos/galeria/css/galeria.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../recursos/lightbox/css/jquery.lightbox-0.3.css" type="text/css" media="screen" />
<script type="text/javascript" src="../recursos/jquery.js"></script>
<script type="text/javascript" src="../recursos/galeria/js/galeria.js"></script>
<script type="text/javascript" src="../recursos/lightbox/js/jquery.lightbox-0.3.1.js"></script>
<script type="text/javascript">
$(document).ready(function () {
	slider('#tira');
	$('#imagenes a').lightBox({fixedNavigation:true});
})
/* Aca se cambia el tiempo que tardan las imagenes en ir alternandose */
var duracionSlideFotos = 4000; //tiempo en milisegundos

function slideSwitch(id) {
    var $active = $('#imagenes img.active');
    if ( $active.length == 0 ) {
		active = $('#imagenes IMG:last');
	}
    var $next =  $active.next().length?$active.next():$('#imagenes IMG:first');
    $active.addClass('last-active');
	if ($('.galeria').eq(id).attr('src') != $active.attr('src')) {
    $('.galeria').eq(id).css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 300, function() {
            $active.removeClass('active last-active');
        });
	}
}
$(document).ready(function() {
	$('.slide img').click(function () {
		var id = $(this).attr('id');
		id = id.slice(3);
		slideSwitch(id-1);
	})
})
</script> 

</head>
<body>
<div id="content">
 
  <div class="cabecera">
   <?php require_once('../include/inc_top.php'); ?>
 </div>
  <div style="padding-top:8px;"></div>
 <div class="contenido">
  <div class="sector"><?php require_once('enc_menu/enc_sup_sec_extension.php'); ?>  </div>
  <div style="padding-top:1px; background-color: black;"></div>


  <div style="padding-top:6px;"></div>
  <div class="arbol"><?php require_once('enc_menu/enc_sup_sub_extension.php'); ?></div>
  <div style="padding-top:2px; background-color: white;"></div>
 </div>

<div style="clear: both;"></div>
<div class="menu_izq">

<?php require_once('enc_menu/men_index_der.php'); ?>

  <div style="padding-top:2px; background-color: white;"></div>
<div style="padding-top:2px; background-color: white;"></div>

 </div>
<div class="contenido_pagina-col2">
   <h1>Muestras Pl&aacute;sticas</h1>
   <h2>Gabriela Sapetnitzky</h2>
   <p>En la Galer&iacute;a frente al Sal&oacute;n de Actos trece retratos en acuarela nos miran</p>
	<p> Las obras, que estuvieron en exposici&oacute;n hasta el 18 de junio, pertenecen a la artista pl&aacute;stica <strong>Gabriela Sapetnitzky</strong>.	</p>
   <p><br />
   	</p>
   <div id="contenedorGaleria">
   	<div id="imagenes">
		<a href="muestras-plasticas/gabriela-sapetnitzky/img1.jpg"><img src="muestras-plasticas/gabriela-sapetnitzky/gr/img1.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="active galeria" /></a>
		<a href="muestras-plasticas/gabriela-sapetnitzky/img2.jpg"><img src="muestras-plasticas/gabriela-sapetnitzky/gr/img2.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
		<a href="muestras-plasticas/gabriela-sapetnitzky/img3.jpg"><img src="muestras-plasticas/gabriela-sapetnitzky/gr/img3.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
		<a href="muestras-plasticas/gabriela-sapetnitzky/img4.jpg"><img src="muestras-plasticas/gabriela-sapetnitzky/gr/img4.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
		<a href="muestras-plasticas/gabriela-sapetnitzky/img5.jpg"><img src="muestras-plasticas/gabriela-sapetnitzky/gr/img5.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
		<a href="muestras-plasticas/gabriela-sapetnitzky/img6.jpg"><img src="muestras-plasticas/gabriela-sapetnitzky/gr/img6.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
		<a href="muestras-plasticas/gabriela-sapetnitzky/img7.jpg"><img src="muestras-plasticas/gabriela-sapetnitzky/gr/img7.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
		<a href="muestras-plasticas/gabriela-sapetnitzky/img8.jpg"><img src="muestras-plasticas/gabriela-sapetnitzky/gr/img8.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
		<a href="muestras-plasticas/gabriela-sapetnitzky/img9.jpg"><img src="muestras-plasticas/gabriela-sapetnitzky/gr/img9.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
		<a href="muestras-plasticas/gabriela-sapetnitzky/img10.jpg"><img src="muestras-plasticas/gabriela-sapetnitzky/gr/img10.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
		<a href="muestras-plasticas/gabriela-sapetnitzky/img10.jpg"><img src="muestras-plasticas/gabriela-sapetnitzky/gr/img11.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
    </div>
    <div id="tira">
        <div class="slideshow">
            <div class="slidesContainer">
                <div class="slide">
                    <img id="img1" src="muestras-plasticas/gabriela-sapetnitzky/ch/img1.jpg" alt="img1" width="85" height="64" />
                    <img id="img2" src="muestras-plasticas/gabriela-sapetnitzky/ch/img2.jpg" alt="img2" width="85" height="64" />
                    <img id="img3" src="muestras-plasticas/gabriela-sapetnitzky/ch/img3.jpg" alt="img3" width="85" height="64" />
                    <img id="img4" src="muestras-plasticas/gabriela-sapetnitzky/ch/img4.jpg" alt="img4" width="85" height="64" />
                </div>
                <div class="slide">
                    <img id="img5" src="muestras-plasticas/gabriela-sapetnitzky/ch/img5.jpg" alt="img5" width="85" height="64" />
                    <img id="img6" src="muestras-plasticas/gabriela-sapetnitzky/ch/img6.jpg" alt="img6" width="85" height="64" />
                	<img id="img7" src="muestras-plasticas/gabriela-sapetnitzky/ch/img7.jpg" alt="img7" width="85" height="64" />
                	<img id="img8" src="muestras-plasticas/gabriela-sapetnitzky/ch/img8.jpg" alt="img8" width="85" height="64" />
                </div>
				<div class="slide">
                    <img id="img9" src="muestras-plasticas/gabriela-sapetnitzky/ch/img9.jpg" alt="img9" width="85" height="64" />
                    <img id="img10" src="muestras-plasticas/gabriela-sapetnitzky/ch/img10.jpg" alt="img10" width="85" height="64" />
                	<img id="img11" src="muestras-plasticas/gabriela-sapetnitzky/ch/img11.jpg" alt="img11" width="85" height="64" />
                </div>
            </div>
        </div>
    </div>
    </div>
</div>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
        <div class="pie">
        <div style="padding-top:2px; background-color: white;"></div>
         <?php require_once('../include/inc_pie.php'); ?>

</div>
</body>
</html>
